import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import {AppRoutesModule} from './app.router'
import { AppComponent } from './app.component';
import { Page01Component } from './page01/page01.component';

// service
import {MailService} from './service/mail.service';
import {MesService} from './service/mes.service'


import { LiComComponent } from './component/li-com/li-com.component';
import { Page02Component } from './page02/page02.component';
import { P2C1Component } from './page02/p2-c1/p2-c1.component';
import { P2C2Component } from './page02/p2-c2/p2-c2.component';
import { Direc01Directive } from './directives/direc01.directive';
import { TemplateRefComponent } from './pages/template-ref/template-ref.component';
import { OrdinalPipe } from './pipe/ordinal.pipe';
import { BgcolorDirective } from './directives/bgcolor.directive';
import { DirectiveComponent } from './pages/directive/directive.component';
import { StcDirecDirective } from './directives/stc-direc.directive';
import { RangeDirDirective } from './directives/range-dir.directive';
import { NgTemplateOutletComponent } from './pages/ng-template-outlet/ng-template-outlet.component';
import { ComponentComminicationComponent } from './pages/component-comminication/component-comminication.component';
import { ComponentCommunicationChildComponent } from './pages/component-communication-child/component-communication-child.component';
import { InheritBasePagComponent } from './pages/inherit-base-pag/inherit-base-pag.component';
import { InheritExtdPagComponent } from './pages/inherit-extd-pag/inherit-extd-pag.component';
import { InheritComponent } from './pages/inherit/inherit.component';
import { DecoratorsComponent } from './pages/decorators/decorators.component';
import {DecoratorsComComponent} from './pages/decorators/decorators.com';
import { ViewchildComponent } from './pages/viewchild/viewchild.component';

@NgModule({
  declarations: [
    AppComponent,
    Page01Component,
    LiComComponent,
    Page02Component,
    P2C1Component,
    P2C2Component,
    Direc01Directive,
    TemplateRefComponent,
    OrdinalPipe,
    BgcolorDirective,
    DirectiveComponent,
    StcDirecDirective,
    RangeDirDirective,
    NgTemplateOutletComponent,
    ComponentComminicationComponent,
    ComponentCommunicationChildComponent,
    InheritBasePagComponent,
    InheritExtdPagComponent,
    InheritComponent,
    DecoratorsComponent,
    DecoratorsComComponent,
    ViewchildComponent
  ],
  imports: [
    BrowserModule,
    AppRoutesModule,
    FormsModule
  ],
  providers: [
    MailService,
    MesService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
